<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML only</title>
</head>
<body>

<h1>网站一级标题</h1>
<article>
    <ul>
        <li><a href="#">导航链接一</a></li>
        <li><a href="#">导航链接二</a></li>
        <li><a href="#">导航链接三</a></li>
        <li><a href="#">导航链接四</a></li>
    </ul>
    <h2>文章一级标题</h2>
    <h3>文章二级标题</h3>
    <span>文章作者</span>
    <span>文章发表时间</span>
    <p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，还行了
        <br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。</p>
    <img src="img/logo.png" alt="logo">
    <p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，还行了
        <br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落。</p>
</article>

<article>
    <h2>另外一篇文章一级标题</h2>
    <h3>文章二级标题</h3>
    <span>文章作者</span>
    <span>文章发表时间</span>
    <p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，还行了
        <br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落。
        <br><img src="img/logo.png" alt="logo">
        <br>
    </p>
    <ul>
        <li>列表项目一</li>
        <li>列表项目二</li>
        <li>列表项目三</li>
    </ul>
    <h3>图片</h3>
    <p>好看的图片</p>
    <img src="img/logo.png" alt="logo">
    <p>好看的图片</p>
    <img src="img/logo.png" alt="logo">
    <p>好看的图片</p>
    <img src="img/logo.png" alt="logo">
    <p>好看的图片</p>
    <img src="img/logo.png" alt="logo">
    <p>好看的图片</p>
    <img src="img/logo.png" alt="logo">
    <p>好看的图片</p>
    <img src="img/logo.png" alt="logo">
    <p>好看的图片</p>
    <img src="img/logo.png" alt="logo">
</article>

<article>
    <h2>最后一篇文章一级标题</h2>
    <h3>文章二级标题</h3>
    <span>文章作者</span>
    <span>文章发表时间</span>
    <ol>
        <li>排名1</li>
        <li>排名2</li>
        <li>排名3</li>
    </ol>
    <p>下面是一个表格，给表格加了一个border="1"好让你看出来是一个表格</p>
    <table border=1>
        <thead>
            <tr>
                <th>表头</th>
                <th>表头</th>
                <th>表头</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>表内容单元格</td>
                <td>表内容单元格</td>
                <td><a href="#">操作</a></td>
            </tr>
            <tr>
                <td>表内容单元格</td>
                <td>表内容单元格</td>
                <td><a href="#">操作</a></td>
            </tr>
            <tr>
                <td>表内容单元格</td>
                <td>表内容单元格</td>
                <td><a href="#">操作</a></td>
            </tr>
            <tr>
                <td>表内容单元格</td>
                <td>表内容单元格</td>
                <td><a href="#">操作</a></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>总计</td>
                <td colspan="2">1000</td>
            </tr>
        </tfoot>
    </table>
</article>

<aside>
    <h2>这里以后是个侧栏，这是侧栏的标题</h2>
    <h3>侧栏注册窗口标题</h3>
    <form method="post" action="#">
        <label for="email">请输入邮箱地址：</label>
        <input type="text" id="email" value="这是一个文本输入框" name="email">
        <p>邮箱地址请按要求格式输入</p>
        <label for="password">请输入密码：</label>
        <input type="text" id="password" value="这是一个文本输入框">
        <label for="confirm-password">请重复输入密码：</label>
        <input type="text" id="confirm-password" value="这是一个文本输入框" name="password">
        <p>密码请为6-16位英文数字</p>
        <span>性别：</span>
        <input type="radio" name="sex" value="男" id="male">
        <label for="male">男</label>
        <input type="radio" name="sex" value="女" id="female">
        <label for="female">女</label>
        <span>城市</span>
        <select name="cities">
            <option>北京</option>
            <option>长沙</option>
            <option>娄底</option>
            <option>怀化</option>
        </select>
        <span>爱好</span>
        <input type="checkbox" id="sports">
        <label for="sports">运动</label>
        <input type="checkbox" id="art">
        <label for="art">艺术</label>
        <input type="checkbox" id="science">
        <label for="science">科学</label>
        <span>个人描述</span>
        <textarea placeholder="这是一个多行输入框，输入您的个人描述"></textarea>
        <input type="submit" name="submit" value="确认提交" />
    </form>
</aside>

<section>
    <p>版权所有&copy;</p>
</section>

</body>
</html>
